<template>
	<view>
		<view class="hoayou">
			<view class="haoyou-left">
				<image src="@/static/Myimg/QQ.png" mode=""></image>
			</view>
			<view class="hoayou-text">
				用户已经注销
			</view>
			<view class="hoayou-btn">
				去聊天
			</view>
			<view class="hoayou-right">
				<image src="@/static/Myimg/QQ.png" mode=""></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "followEachOther",
		data() {
			return {

			};
		}
	}
</script>

<style>
.hoayou{
	width: 100%;
	height: 150rpx;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
/* 	background-color: black; */
}
.haoyou-left{
	width: 100rpx;
	height: 100rpx;
	border-radius: 50%;
	background-color: red;
	display: flex;
	align-items: center;
}

.haoyou-left image{
	width: 80rpx;
	height: 80rpx;
	object-fit: cover;
	object-position: center;
}

.hoayou-text{
	color: #000;
	font-size: 40rpx;
}

.hoayou-btn{
	width: 150rpx;
	height: 60rpx;
	border-radius:40rpx;
	line-height: 60rpx;
	text-align: center;
	color: #d3d3d3;
	border: 1px solid black
}

.hoayou-right image{
	width: 80rpx;
	height: 80rpx;
	object-fit: cover;
	object-position: center;
}
</style>